<!doctype html>
<html lang="{idioma_js}">
    <head>
        <title>CMS 2.0+ | {titulo} | Link Nacional</title>
        {include_header_view}
        <script type="text/javascript">
            $(document).ready(function() {
                $("select[name=marcas]").change(function(){
                    var marca = $(this).val();
                    resetaCombo('modelos');
                    if ( marca === '')
                        return false;
                    $.getJSON(base_url+'moto/modelo/' + marca, function (data){
                        var option = new Array();
                        $("select[name='modelos']").attr({
                            disabled : false
                        });
                        $.each(data, function(i, obj){
                            option[i] = document.createElement('option');
                            $(option[i]).attr({value : obj.id});
                            $(option[i]).append( obj.nome );
                            $("select[name='modelos']").append( option[i] );
                        });
                    });
                });
            });
            
            function resetaCombo( el ) {
                $("select[name='"+el+"']").empty();
                var option = document.createElement('option');
                $( option ).attr( {value : ''} );
                $( option ).append( 'Selecionar' );
                $("select[name='"+el+"']").append( option );
            }
           
        </script>
    </head>
    <body>

        {include_body_header_view}
        {include_body_menu_left_view}

        <form id="from_cons_moto_ano_modelo" name="from_cons_moto_ano_modelo" action="{base_cms}{action_moto_ano_modelo_consultar}" method="post" autocomplete="off">
            <section id="content">

                <div class="g12">

                    <h1>{lang_title_lista_ano_modelo}
                        <!--span><a href="{base_cms}{link_cadastrar_moto_modelo}" title="Cadastrar Novo Modelo" class="small">{lang_title_lista_modelo_descricao}</a></span-->
                    </h1>
                    <label for="marcas">{lang_title_marca}</label>
                    <div>
                        {marcas}
                    </div>
                    <label for="modelos">{lang_title_escolha_modelo}</label>
                    <div>
                        {modelos}
                        <button class="submit">{lang_title_consultar}</button>
                    </div>
                    <div id="from_list_modelo" class="dataTables_wrapper">
                        <table class="datatable">
                            <thead>
                                <tr>
                                    <th>{lang_title_ano_modelo}</th>
                                    <th>{lang_title_modelo}</th>
                                    <th>{lang_title_marca}</th>
                                    <th>{lang_title_acao}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {ano_modelos}
                                <tr>
                                    <td>{ano_modelo}</td>
                                    <td>{modelo}</td>
                                    <td>{marca}</td>
                                    <td>{acao}</td>
                                </tr>
                                {/ano_modelos}
                            </tbody>
                        </table>
                    </div>
                </div>
            </section>
        </form>
        <footer>
            {include_footer_view}
        </footer>
    </body>
</html>

